import React from 'react'
import ReactDOM from 'react-dom/client' //v18的引入方式

// const div = (
//   <div>
//     <h1>hello react</h1>
//   </div>
// )

// 定义类组件:
// class Test extends React.Component {
//   render() {
//     return <h1>test组件</h1>
//   }
// }

// 定义函数组件
function Test() {
  return <p>test组件</p>
}

// 使用组件:
// 把组件当做标签去使用
{
  /* <Test></Test> 
<Test /> */
}

ReactDOM.createRoot(document.getElementById('root')).render(<Test />) // v18的写法
